@charset "utf-8";
/* CSS Document */
body{
  font-family: Roboto,"PingFang SC","Droid Sans",Helvetica,"Helvetica Neue","Heiti SC",sans-serif;
  color: #353a3f;
  background-color: #fff;
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border: none;
  outline: none;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
  display:block;
}
address,caption,cite,code,dfn,em,strong,th,td,var,i {
  font-weight: normal;
  font-style: normal;
}
ul, ol, nav {
  list-style: none;
}
blockquote, q {
  quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content:'';
  content:none;
}
a, ins {
  text-decoration: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
}

/*用户输入时,placeholder消失*/
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder{
  color:transparent;
}
img{ vertical-align: top; }
/*常用class*/
.clearfix:after {
  visibility:hidden;
  display:block;
  font-size:0;
  content:" ";
  clear:both;
  height:0;
}
.fn-hide{
  display: none;
}
/*长按时不触发系统的菜单*/
.fn-nocallout{
  -webkit-touch-callout: none;
}
/*无法选择文本*/
.fn-noselect{
  -webkit-user-select: none;
}
/*禁止文字缩放*/
.fn-noadjust{
  -webkit-text-size-adjust: none;
}
/*禁止拖动*/
.fn-nodrag{
  -webkit-user-drag: none;
}
/*页面宽度限制*/
.wrapper{
  margin: 0 auto;
  max-width: 768px;
}

[v-cloak] {display: none;}


html{ font-size: 50px;}
body{ width: 100%; font-size: 0.24rem; padding-bottom: 0.88rem;}
.wh100{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

.red{ color:#f00!important;}
.green{ color: #18d618!important;}
.orange{ color: #fe8220!important; }


.mt20{ margin-top: 0.2rem!important;}
.mt30{ margin-top: 0.3rem!important;}
.mt40{ margin-top: 0.4rem!important;}
.mt50{ margin-top: 0.5rem!important;}

.placeholder { color: #bbb; }


body .hide{ -webkit-transition:all 0.4s ease-out 0s; z-index: -1; opacity: 0; }
body .hide2{ -webkit-transition:all 0.6s ease-out 0s; z-index: -1; opacity: 0; }
body .show{ -webkit-transition:all 0.4s ease-out 0s; z-index: 9 !important; opacity: 1; }
/* 左右两侧侧淡入 */
body .show_m{ -webkit-transition:all 0.4s ease-out 0s; z-index: 9; opacity: 1; -webkit-transform:translate(0px,0px); }

/* 左右两侧侧淡入 */
body.zt_body .show_mt{  z-index: 9; opacity: 1; -webkit-animation:show_mt 1s ease-out 0s normal 1 forwards; }
@-webkit-keyframes show_mt{0%{ -webkit-transform:translate(0px,50%); opacity: 0;}40% { -webkit-transform:translate(0px,-12px); opacity: 1; }60% { -webkit-transform:translate(0px,8px); opacity: 1; }80% { -webkit-transform:translate(0px,-3px); opacity: 1; }100%{ -webkit-transform:translate(0px,0); opacity: 1;}}

@-webkit-keyframes show_mb{0%{ -webkit-transform:translate(0px,-50%); opacity: 0;}40% { -webkit-transform:translate(0px,12px); opacity: 1; }60% { -webkit-transform:translate(0px,-8px); opacity: 1; }80% { -webkit-transform:translate(0px,3px); opacity: 1; }100%{ -webkit-transform:translate(0px,0); opacity: 1;}}

/* 左侧淡出 */
body.zt_body .hide_l{ -webkit-transition:all 0.4s ease-out 0s; z-index: -1; opacity: 0; -webkit-transform:translate(-50%,0px); }
/* 右侧淡出 */
body.zt_body .hide_r{ -webkit-transition:all 0.4s ease-out 0s; z-index: -1; opacity: 0; -webkit-transform:translate(50%,0px); }
/* 上侧淡出 */
body.zt_body .hide_t{ -webkit-transition:all 0.4s ease-out 0s; z-index: -1; opacity: 0; -webkit-transform:translate(0px,-50%); }
/* 下侧淡出 */
body.zt_body .hide_b{ -webkit-transition:all 0.4s ease-out 0s; z-index: -1; opacity: 0; -webkit-transform:translate(0,50%); }


/* 加载进度 */
.loading_bg{ background: #2c2f30; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 19;}
.jindu_box{ width: 4rem; height: 0.08rem; position: absolute; left: 50%; top: 50%; margin:-0.02rem 0 0 -2rem; border-radius: 0.02rem; background-color: #999;}
.jindu_box span{ display: block; width: 0px; height: 100%; background-color: #fff; border-radius: 0.02rem; box-shadow: -2px 0 0px #fff; }
.loading_bg p{ width: 100%; font-size: 0.36rem; color: #eee; text-align: center; position: absolute; left: 0; top: 50%; margin-top: 0.2rem; }
.loading_hide{ -webkit-transition:all 0.6s ease-out 0.8s; opacity: 0; z-index: -1; }
.loading_hide .jindu_box{ -webkit-transition:all 0.4s ease-out 0.4s; -webkit-transform:translate(-80%,0px); opacity: 0; }
.loading_hide p{ -webkit-transition:all 0.4s ease-out 0.7s; -webkit-transform:translate(-50%,0px); opacity: 0; }
.loading_tit{ position: absolute; left: 0; top: 38%; width: 100%; }



.win_bg{ width:100%; height: 100%; position: fixed; left: 0; top: 0; background-color: rgba(0,0,0,0.6); z-index: 99;display: none;}


.win_tip_text{ width: 90%; line-height: 0.6rem; text-align: center; padding: 0.1rem 5%; position: fixed; left: 0; top: 0; z-index: 9; background-color: #fcd9d9; font-size: 0.32rem; -webkit-transition:all 0.3s linear 0s; -webkit-transform:translate(0px,-100%); opacity: 0;}
.win_tip_text_ok{ width: 90%; line-height: 0.6rem; text-align: center; padding: 0.1rem 5%; position: fixed; left: 0; top: 0; z-index: 9; background-color: #d6efd3; font-size: 0.32rem; -webkit-transition:all 0.3s linear 0s; -webkit-transform:translate(0px,-100%); opacity: 0;}
.win_tip_text_show{ opacity: 1; -webkit-transform:translate(0px,0px); }





body .swiper-pagination-bullet-active{
  background-color: #fe8220;
}


.btn{
  color: #fff;
  display: block;
  background-image: linear-gradient(-90deg, #fe6941 0%, #fe8220 100%);
  text-align: center;
  border-radius: 0.48rem;
  height: 0.96rem;
  line-height: 0.96rem;
  font-size: 0.32rem;
  box-sizing: border-box;
  padding:0 0.75rem;
  -webkit-box-shadow: 0 0.05rem 0.1rem rgba(254,130,32,.3);
  -moz-box-shadow: 0 0.05rem 0.1rem rgba(254,130,32,.3);
  box-shadow: 0 0.05rem 0.1rem rgba(254,130,32,.3);

}
.btn_min{
  height: 0.48rem;
  line-height: 0.48rem;
  font-size: 0.24rem;
  display: inline-block;
  padding: 0 0.3rem;
}
.btn_line{
  background: #fff;
  color:#fe8220;
  border: #fe6941 solid 1px;
}

.input{
  width: 2rem;
  display: inline-block;
  box-sizing: border-box;
  width: 4rem;
  height: 0.86rem;
  line-height: 0.86rem;
  border-radius: 0.06rem;
  border: #ddd solid 1px;
  background-color: #fff;
  padding: 0 0.2rem;
  outline: none;
  -webkit-appearance: none;
}
//.input::-webkit-placeholder{ color: #bbb;}
.input::-moz-placeholder{ color: #bbb;}
.input::placeholder{ color: #bbb;}

.select{
  display: inline-block;
  width: 4rem;
  height: 0.86rem;
  line-height: 0.86rem;
  border-radius: 0.06rem;
  border: #ddd solid 1px;
  background-color: #fff;
}
.input_error{ border-color: #f00!important;}



.header{
  height: 0.8rem;
  background-color: #fff;
  border-bottom: 1px solid #ebebeb;
}
.logo{
  margin-left: 0.3rem;
  width: 4.2rem;
  height: 100%;
  display: block;
}
.logo img{
  width: 100%;
  height: 100%;
}

.chengnuo img{
  width: 100%;
}
.service img{
  width: 100%;
  padding-bottom: 0.4rem;
}


/* 提示框 */
.modal_bg{
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  background-color: rgba(0,0,0,0.6);
}
.modal_box{
  display: none;
  position: fixed;
  left: 10%;
  top: 50%;
  transform: translateY(-50%)!important;
  width: 80%;
  z-index: 99;
  background-color: #fff;
  border-radius: 4px;
}
.modal_box p{
  text-align: center;
  padding: 0.5rem 0.5rem;
  font-size: 0.32rem;
  color: #666;
}
.modal_footer{ text-align: center; border-top: 1px solid #eee; overflow: hidden;
  display:-moz-box;
  display:-webkit-box;
  //display:box;
}
.modal_btn{
  width: 50%;
  height: 0.88rem;
  line-height: 0.88rem;
  font-size: 0.32rem;
  border-left: 1px solid #eee;
  margin-left: -1px;
  -moz-box-flex:2;
  -webkit-box-flex:2;
  box-flex:2;
}
.modal_btn.grayBtn {
  color: #949494;
}


/* 加载 */
.loading{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.2);
  z-index: 99;
}
.loading_box{
  width: 3rem;
  height: 3rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -1.5rem 0 0 -1.5rem;
  background-color: rgba(0,0,0,0.5);
  border-radius: 0.2rem;
}
.loading img{
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.8rem;
  margin: -0.9rem 0 0 -0.9rem;
}

/*底部导航*/
.appFoot {
  display: flex;
  width:100%;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 3;
  height: 0.88rem;
  background: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  -webkit-box-shadow: 0 -2px 6px rgba(0,0,0,0.05);
  -moz-box-shadow:  0 -2px 6px rgba(0,0,0,0.05);
  box-shadow:  0 -2px 6px rgba(0,0,0,0.05);
  font-size: 0.26rem;
}
.appFoot a {
  flex-grow: 1;
  height: 0.88rem;
  line-height: 0.88rem;
  color: #949494;
}
.appFoot-itemText{
  display: inline-block;
  height: 0.88rem;
  line-height: 0.88rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.current .appFoot-itemText {
  color: #fe8220;
  border-bottom: 0.04rem solid #fe8220;
}

/*tablist*/
.tabList{
  height: 0.96rem;
  display: flex;
  padding: 0 0.3rem;
  align-items: center;
  border-bottom: #ebebeb solid 1px;
  text-align: center;
  color: #242424;
  font-size: 0.26rem;
}
.tabList li,.tabList a {
  /*display: inline-block;*/
  line-height: 0.96rem;
  flex-grow: 1;
  color: #242424;
}
.tabList-tit {
  display: inline-block;
  padding: 0 0.12rem;
}
.active .tabList-tit,.current .tabList-tit {
  color: #fe8220;
  font-weight: bold;
  border-bottom: #fe8220 solid 2px;
}

/*Alert警告*/
.el-alert {
  width: 90%;
  padding: 0.2rem 0.3rem;
  margin: 0;
  box-sizing: border-box;
  position: fixed;
  left: 5%;
  top: 2rem;
  z-index: 3;
  background-color: #fff;
  overflow: hidden;
  opacity: 1;
  /*display: flex;*/
  display: none;
  align-items: center;
  transition: opacity .2s;
}
.el-alert__content {
  display: table-cell;
  padding: 0 8px;
}
.el-alert__title {
  font-size: 0.26rem;
  line-height: 0.3rem;
}
.el-alert--success {
  background-color: #f0f9eb;
  color: #67c23a;
}
.el-alert.show {
  display: flex;
}
.el-alert.hide{
  top: 1rem;
  opacity: 0;
}

.btn_bm {
  box-sizing: border-box;
  text-align: center;
  line-height: 0.30rem;
  font-size: 0.22rem;
  position: fixed;
  right: 0.15rem;
  z-index: 9;
  width: 0.8rem;
  height: 0.8rem;
  padding: 0.1rem 0;
  border-radius: 0.1rem;
  bottom: 5rem;

  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  background-color: #fe8220;
  color: #fff;
}

.btn_qimoChat.btn_bm {
  bottom: 4rem;
  background-color: #f1f1f1;
  color: #fe8220;
  transition: bottom 300ms linear;
}
/*.qimo_up.btn_qimoChat.btn_bm {*/
/*bottom: 2.2rem;*/
/*}*/


/* 宽度330以上的分辨率 */
@media screen and (min-width:400px) {
  html{ font-size: 54px; }
}

@media screen and (min-width:500px) {
  html{ font-size: 70px; }
}

@media screen and (min-width:700px) {
  html{ font-size: 80px; }
}
@media screen and (min-width:1000px) {
  html{ font-size: 90px; }
}



.box_sizing{
  box-sizing: border-box;
  -webkit-box-sizing:border-box;
}
.break1{
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  /** 对象作为伸缩盒子模型显示 **/
  -webkit-box-orient: vertical;
  /** 设置或检索伸缩盒对象的子元素的排列方式 **/
  -webkit-line-clamp: 2;
  /** 显示的行数 **/
  overflow: hidden;
  /** 隐藏超出的内容 **/

}

.jianjeis-ww{
  font-size: 12px;
  color: #999999;
  padding: 0 10px;
}

.break2{
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  /** 对象作为伸缩盒子模型显示 **/
  -webkit-box-orient: vertical;
  /** 设置或检索伸缩盒对象的子元素的排列方式 **/
  -webkit-line-clamp: 2;
  /** 显示的行数 **/
  overflow: hidden;
  /** 隐藏超出的内容 **/

}
.flex_row,.flex{
  display: flex;
  flex-direction: row;
  display: -webkit-box;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
}

/*项目竖向排列*/
.flex_col {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
}
/*flex-shrink  所有项目的flex-shrink: 1; 只有一个为0  则空间不足时，为0不缩小*/
/*项目可换行 默认不换行*/

.flex_grow {
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

/*水平和垂直居中*/

.flex_center {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}

/*水平居中*/

.flex_x_center {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/*右对齐*/

.flex_x_right {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  //-webkit-box-pack: flex-end;
  //-webkit-justify-content: flex-end;
  -ms-flex-pack: center;
  justify-content: flex-end;
}

/*两端对齐*/

.flex_x_between,.flex_between {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  //-webkit-box-pack: space-between;
  //-webkit-justify-content: space-between;
  //-ms-flex-pack: space-between;
  justify-content: space-between;
}

/*两侧间距相等对齐*/

.flex_x_around {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  //-webkit-box-pack: space-around;
  //-webkit-justify-content: space-around;
  //-ms-flex-pack: space-around;
  justify-content: space-around;
}

/*Y轴居中*/

.flex_y_center {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}

/*底部对齐*/

.flex_y_bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: flex-end;
}

.item_end{
  align-self: flex-end;/*单个项目底部*/
}
/*-------------------------------------*/

/*item 上使用*/

/*flex-shrink  所有项目的flex-shrink: 1; 只有一个为0  则空间不足时，为0不缩小  */

/*适合左右排 0 占绝对位置 1占满盒子 根据盒子大小变化而变化*/

.flex_grow_0 {
  min-width: 0;
  flex-grow: 0;

  flex-shrink: 0;
}

.flex_grow_1 {
  min-width: 0;
  text-align: justify;
  flex-grow: 1;
  flex-shrink: 1;
}

/*最小的值排在最前面*/

.order {
  order: 1;
}

/*flex-start | flex-end  | center    | baseline                       | stretch;
  顶端对齐    底部对齐  中间对齐   项目的第一行文字的基线对齐。 占满y轴高度 默认值*/

.item_end {
  align-self: flex-end; /*单个项目底部*/
}

.item_center {
  align-self: center; /*单个项目居中对齐*/
}



a:hover,a:active,a:visited,a:link,a:focus{
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent;
  outline:none;
  background: none;
  text-decoration: none;
}
